<template>
  <div
    class="section"
    v-bind:class="{active: isActive}"
    v-bind:id="tabId"
  >
    <slot/>
  </div>
</template>

<script>
export default {
  props: {
    label: {
      default: ''
    },
    active: {
      default: false
    },
    tabId: {
      default: ''
    }
  },
  data () {
    return {
      isActive: this.active
    }
  }
}
</script>


